<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="../css/personal_center.css">
    <link rel="stylesheet" href="../css/head_daohang.css">
    <link rel="stylesheet" href="../layui/css/layui.css">
    <script src="../js/jquery-3.6.0.min.js"></script>
</head>
<body>
    <!-- 主要布局范围 -->
    <div class="main">
      <!-- 头部导航栏 -->
      <div id="head">
        <div class="layui-col-md2">
          <div class="grid-demo">logo</div>
        </div>
        <div class="layui-col-md1">
          <div class="grid-demo head-demo"><a href="../head_page/Carefree_first_page.html" class="head-color">首页</a></div>
        </div>
        <div class="layui-col-md1">
          <div class="grid-demo head-demo"><a href="../vehicle/vehicle_screening.html" class="head-hover word-1">自驾租车</a></div>
        </div>
        <div class="layui-col-md1">
          <div class="grid-demo head-demo"><a href="../long_time_older/long_time.html" class="head-hover word-1">长租专区</a></div>
        </div>
        <div class="layui-col-md1">
          <div class="grid-demo head-demo"><a href="../Offline_outlets/Car-search.html" class="head-hover word-1">车型查询</a></div>
        </div>
        <div class="layui-col-md1">
          <div class="grid-demo head-demo"><a href="../Offline_outlets/Business_outlets.html" class="head-hover word-1">营业网点</a></div>
        </div>
        <div class="layui-col-md1">
          <div class="grid-demo head-demo"><a href="" class="head-hover word-1">会员专区</a></div>
        </div>
        <div class="layui-col-md3">
          <div class="grid-demo head-demo1">
            <i class="login-icon"></i>
            <a href="../login/login.html"  class=" head-color">登录/注册</a>
          </div>
          <div class="tel">
            <i class="tel-icon"></i>
              <span class="tel-num">110-119-1111</span>
          </div>
        </div>
      </div>
        <!-- 面包屑 -->
        <div class="crumbs">
            <div class="crumbs-bd">当前位置: <a href="personalCenter.html">个人中心</a> > 我的优惠编码</div>
        </div>
        <!-- 主要内容 -->
        <div class="content">
            <div class="content-bd">
                <!-- 左侧导航栏 -->
                <div class="col-sub">
                    <ul> 
                        <li class="title">订单信息</li>
                        <li class="text"><a href="personalCenter-MyOrler.html">我的订单</a></li>
                        <li class="text"><a href="personalCenter-OtherOrler.html">他人代订</a></li>
                        <li class="title">会员信息</li>
                        <li class="text"><a href="">会员优惠</a></li>
                        <li class="text"><a href="">会员特权</a></li>
                        <li class="text"><a href="">会员积分</a></li>
                        <li class="title">我的钱包</li>
                        <li class="text"><a href="personalCenter-AccountBalance.html">账户余额</a></li>
                        <li class="text"><a href="personalCenter-Voucher.html">我的代金卷</a></li>
                        <li class="after"><a href="personalCenter-DiscountCode.html">我的优惠编码</a></li>
                        <li class="title">租赁记录</li>
                        <li class="text"><a href="personalCenter-LeaseCar.html">租赁车型</a></li>
                        <li class="title">个人资料</li>
                        <li class="text"><a href="personalCenter-UserInformation.html">用户信息</a></li>
                        <li class="text" onclick="return confirm('即将返回登录界面，确定吗？');"><a href="../login/login.html">账户注销</a></li>                    </ul>
                </div>
                <!-- 主要信息栏 -->
                <div class="col-main">
                  <div class="Code-biaoti">我的优惠编码</div>
                  <div class="Code-inputcard">
                    <div class="text1"><h4>在此输入您的优惠编码，点击“绑定”后，此优惠编码将自动绑定您的一嗨账户。下次租车时可选择优惠编码抵用租金。</h4></div> 
                    <div class="inputcode"><span>优惠编码：</span><input type="text" name="" id=""><label>*</label></div>
                  <button class="Code-button">绑定</button>
                  </div>
                  <div class="Code-biaoti">驾车优惠</div>
                  <div class="youhuijuan">
                    <ul>
                      <li>
                        <div class="l1"><b>优惠劵</b></div>
                        <div class="l2"><b>到期时间</b> <b>使用状态</b> <b>使用规则</b></div>
                      </li>
                      <li>
                        <div class="l1"><span>车型试驾50元优惠券</span></div>
                        <div class="l2"><span>2022-09-03</span> <span>未使用</span> <span>使用规则</span></div>
                      </li>
                      <li>
                        <div class="l1"><span>200元优惠券-1088礼包</span></div>
                        <div class="l2"><span>2022-10-23</span> <span>未使用</span> <span>使用规则</span></div>
                      </li>
                      <li>
                        <div class="l1"><span>一嗨新用户首单立减100元</span></div>
                        <div class="l2"><span>2022-11-22</span> <span>未使用</span> <span>使用规则</span></div>
                      </li>
                      <li>
                        <div class="l1"><span>满800减88元优惠券-1088礼包</span></div>
                        <div class="l2"><span>2023-02-20</span> <span>未使用</span> <span>使用规则</span></div>
                      </li>
                    </ul>
                  </div>
                  <div class="shiyongliucheng">
                    <div class="shiyongliucheng-1">
                      <span>使用流程：</span> 
                      <div class="shiyongliucheng-2">
                        <ul>
                          <li><span>SEPT 1：</span><br><label>注册登录官网</label></li>
                          <li><span>SEPT 2：</span><br><label>选择时间/地点/车型</label></li>
                          <li><span>SEPT 3：</span><br><label>选择优惠编码</label></li>
                          <li><span>SEPT 4：</span><br><label>选择支付方式</label></li>
                          <li><span>SEPT 5：</span><br><label>确认订单</label></li>
                          <li><span>SEPT 6：</span><br><label>完成订单</label></li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
            </div>
        </div>
        <!-- 尾部 -->
        <div class="footer">
            <div class="footer-box">
                <div class="footer-left">
                    <p>
                        <span>关于无忧</span> |
                        <span>移动客户端</span> |
                        <span>帮助中心</span> |
                        <span>建议专区</span> |
                        <span>联系我们</span> |
                        <span>友情连接</span> |
                        <span>投诉通道：400-821-1608</span> 
                    </p>
                    <p>
                        <span>Copyright © 2007-2022 苏州无忧信息技术服务有限公司 ICP证：苏B2-20140130|苏ICP备08010394号-1</span>
                    </p>
                </div>
                <div class="footer-right"></div>
            </div>
        </div>
    </div>
    <script src="../js/personalCenter.js"></script>
</body>
</html>